<style>
.checkbox-skin > input + span {
  color: red;
}
.checkbox-skin > input:checked + span {
  color: green;
}
</style>
<div class="content">
  <div class="list">
    <div class="item">
      <div class="content">
        <div class="box">
          <label class="checkbox-skin"><input type="checkbox"> <span>选中就是绿色，不选中就是红色</span></label>
        </div>
        <div><pre class="prettyprint"><code>&lt;label class=&quot;checkbox-skin&quot;&gt;&lt;input type=&quot;checkbox&quot;&gt; &lt;span&gt;&#x9009;&#x4e2d;&#x5c31;&#x662f;&#x7eff;&#x8272;&#xff0c;&#x4e0d;&#x9009;&#x4e2d;&#x5c31;&#x662f;&#x7ea2;&#x8272;&lt;/span&gt;&lt;/label&gt;</code></pre></div>
        <div><pre class="prettyprint"><code>.checkbox-skin > input + span {
  color: red;
}
.checkbox-skin > input:checked + span {
  color: green;
}</code></pre></div>
      </div>
     </div>
  </div>
</div>
